<template>
	<view class="pg-30 love-title">
		<image v-if="showIcon" class="icon" :src="iconPath" mode=""></image>
		<text :class="showIcon?'ml-20':''" class="font-w  font-30" :style="color">{{title}}</text>
		<text class="font-28 ml-20">{{Subtitle}}</text>
	</view>
</template>

<script>
	export default {
		name: "x-title",
		props:{
			showIcon:{ // 是否显示left图标
				type:Boolean,
				default:true
			},
			iconPath:{ // 图标地址
				type:String, 
				default:'/static/icon/icon_xia.png'
			},
			title:{
				type:String,
				default:''
			},
			Subtitle:{
				type:String,
				default:''
			},
			color:{
				type:String
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.love-title {
		.icon {
			width: 18rpx;
			height: 18rpx;
		}
	}
</style>
